<!--
  This file is a part of the open-eBackup project.
  This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0.
  If a copy of the MPL was not distributed with this file, You can obtain one at
  http://mozilla.org/MPL/2.0/.
  
  Copyright (c) [2024] Huawei Technologies Co.,Ltd.
  
  THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
  EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
  MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
  -->

<div [ngClass]="{'aui-gutter-column-md': !isOpenStack}" [innerHTML]="'protection_upgradeable_proxy_desc_label'|i18n">
</div>
<div *ngIf="isOpenStack" class="aui-gutter-column-md" [innerHTML]="'protection_update_openstack_tips_label'|i18n"></div>

<div class="aui-gutter-column-md">
    <label lv-checkbox [(ngModel)]="checkboxStatus" (ngModelChange)="warningConfirmChange($event)">
        <span class='aui-text-desc'>{{ 'common_warning_confirm_label' | i18n }}</span>
    </label>
</div>

<lv-pro-table #dataTable [config]="tableConfig" [data]="tableData"></lv-pro-table>

<ng-template #endpointTpl let-item>
    <ng-container
        *ngIf="item.extendInfo?.subNetFixedIp && item.extendInfo?.subNetFixedIp !== item.endpoint; else elseTemplate">
        <span lv-overflow>
            {{item.endpoint | nil}}({{item.extendInfo?.subNetFixedIp | nil}})
        </span>
    </ng-container>
    <ng-template #elseTemplate>
        <span lv-overflow>
            {{item.endpoint | nil}}
        </span>
    </ng-template>
</ng-template>